From 35556dca71eafdac4eb5d2fe781ba39687d0b058 Mon Sep 17 00:00:00 2001
From: Berke Güzel <wenekar1@gmail.com>
Date: Thu, 29 Jan 2026 23:56:21 +0300
Subject: initial commit

---
 src/routes/posts/[slug]/+page.svelte | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/routes/posts/[slug]/+page.svelte

(limited to 'src/routes/posts/[slug]/+page.svelte')

diff --git a/src/routes/posts/[slug]/+page.svelte b/src/routes/posts/[slug]/+page.svelte
new file mode 100644
index 0000000..2a57168
--- /dev/null
+++ b/src/routes/posts/[slug]/+page.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+	import type { PageData } from "./$types";
+	import Giscus from "$lib/components/Giscus.svelte";
+
+	let { data }: { data: PageData } = $props();
+
+	function formatDate(dateStr: string): string {
+		return new Date(dateStr).toLocaleDateString("en-US", {
+			year: "numeric",
+			month: "long",
+			day: "numeric",
+		});
+	}
+</script>
+
+<svelte:head>
+	<title>{data.metadata.title} | My Blog</title>
+	<meta name="description" content={data.metadata.description} />
+</svelte:head>
+
+<article>
+	<header>
+		<h1>{data.metadata.title}</h1>
+		<p>
+			<time datetime={data.metadata.date}
+				>{formatDate(data.metadata.date)}</time
+			>
+		</p>
+	</header>
+
+	<data.content />
+</article>
+
+<Giscus />
+
+<a href="/">← Back to all posts</a>
-- 
cgit v1.2.3

